<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>立方体</title>
    <link rel="stylesheet" type="text/css" href="css/cube.css" />
</head>

<body>

    <div class="container  cube-box">
        <h2>3D立方体</h2>
        <!-- <button id="start-cube" class="btn">开始变身</button>
			<button id="back-flat" class="btn">打回原形</button> -->
        <div class="cube">
            <div class="face bottom">bottom</div>
            <div class="face top">top</div>
            <div class="face left">left</div>
            <div class="face right">right</div>
            <div class="face front">front</div>
            <div class="face back">back</div>
        </div>

    </div>
    <script type="text/javascript" src="js/cube.js"></script>
</body>

</html>